* { margin: 0; padding: 0; font-family: 'Microsoft YaHei',sans-serif; color:#333;  font-size:14px;}
body{ background-color: #fff; line-height:1.8}
a {text-decoration: none;}
img { border: none;}
.clear { clear: both;}
.left { float: left;}
.right { float: right;}
h1, h2, h3, h4, h5, h6, p, ul, li {display: block; padding: 0; margin: 0;font-size: 14px;font-weight: normal;list-style: none;}

.wrapper{ position:relative; min-width: 1200px;}
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 60px; line-height:60px;  z-index: 1000;background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.3);}
.header .container{ position:relative; height:60px; margin: 0 30px;}
.header .container .logo-header{ display: inline-block; width: 200px; height: 60px; vertical-align:top;}
/*.header .container .top-nav{ position:absolute; height:60px; left:210px;top:0; font-size:0;}*/
.header .container .top-nav{ position:absolute; top:0; height:60px;width:980px; left:240px; font-size:0;}

.header .container .top-nav li{ position:relative; display:inline-block;}
.header .container .top-nav li a{ display:block;font-size: 16px;color: #333; padding:0 15px;}
.header .container .top-nav li.active > a{ color:#0086f1;border-bottom:2px solid #0086f1;line-height: 58px;}

.header .other{ position:absolute; top:0; right:0;position: absolute;top: 0; right: 30px;}
.header .other b{ color: #a1180e;}
.header .container .top-nav li ul{ position: absolute;overflow: hidden; height: 0;width:100px; top: 60px; line-height:1.8; transition-duration: .3s;-webkit-transition-duration: .3s; transition-delay: .1s; -webkit-transition-delay: .1s;background:#fff;box-shadow: 5px 5px 10px #042a7a;}
.header .container .top-nav li ul li a{padding: 0; line-height: 30px; width: 100%;  width: 100px; text-align: center;font-size: 14px;}
.header .container .top-nav li ul li a:hover{ color:#0086f1;}
.header .container .top-nav li.product:hover ul{ height: 60px;}
.word-li { padding-left: 25px; font-size: 0; text-align: left;}
.word-li span { font-size: 16px;display: inline-block; margin-right: 5px;margin-bottom: 5px;padding: 5px; background-color: #eee;}
.ctr .ctr-rt h2, .ctr .ctr-rt p { padding-left: 25px;}

.content{ padding-top:60px;}

/*pc-theme*/
.pc-theme{ position:relative; height:500px; background:url(/Templates/images/nav_header.jpg) center bottom no-repeat;background-size: cover;}
.theme-contet{ margin-right: 480px; padding: 20px 50px; color:#fff;}
.theme-text { width:800px;margin:0 auto;}
.theme-text h2{ font-size:42px;color:#fff; margin-top:80px; padding-left: 70px;}
.theme-text p { padding: 30px 70px; text-indent: 32px; font-size:16px;color:#fff;}
.system .theme-text p {  text-indent: 0; font-size:18px;}
.EPC .theme-text h2{ margin-top: 80px; font-size: 40px;}
.EPC .theme-text p {  text-indent: 0; padding-top:10px; width: 530px;}
.speed .theme-text h2{ color:#333;margin-top: 80px;}
.speed .theme-text p{ color:#333; text-indent: 0; padding-top:10px; width: 535px;}

.party  .theme-text h2{ color:#333;margin-top: 80px;}
.party  .theme-text p{ color:#333; text-indent: 0; padding-top:10px; width: 535px;}


.theme-bottom { width:600px; margin: 0 auto; text-align:center;}
.theme-bottom a { color: #a0b3e7; border: 1px solid #a0b3e7; padding: 0px 8px; margin: 0 12px; font-size: 12px; display: inline-block; margin-top: 20px;cursor:default;}
.download-warp{ width:350px;height:370px; position:absolute; top:50%; margin-top:-185px; right:80px; border-radius:5px;background: rgba(255,255,255,0.8);}
.download-conten { width: 80%; margin: 0 auto; height: 100%; overflow: hidden;}
.download-conten  h2{ font-size: 22px; text-align: center; line-height: 60px; color: #0086f1;}
.download-text{ position: relative; height: 40px; line-height: 40px;color: #666; overflow: hidden; margin: 0 auto; margin-bottom: 12px;  border-radius: 3px; font-size: 14px;}
.download-text label{ display:inline-block;width:60px;}
.download-text input{ border: 1px solid #ccc; border-radius: 3px; width: 225px; padding: 6px 10px; color:#666; outline:none;}
.download-select .select_accbook{ position: relative; background: #fff; border: 1px solid #ccc;width: 221px; display: inline-block; height: 20px; line-height: 20px; padding: 5px 12px;border-radius:3px; cursor:pointer;}
.download-select i{ display: block; position: absolute; z-index: 1; width: 9px; height: 9px; right: 20px; top: 50%; margin-top: -4.5px; background-image: url(/Templates/images/dot.gif);}
.download-btn a { display: block;text-align: center; background-color: #3a93fb; color: #fff;height: 35px;width: 100%; line-height: 35px; border-radius: 3px; margin-top: 3px;}
.download-btn a:hover{background: #0e6bd7}
.download-title input{ color: #e1833b}

/*产品方案*/
.Product-solut{ height:580px;background:#eff6fc;overflow:hidden;}
.solut-wrap { width:90%; height:100%; margin:0 auto; max-width:1400px;overflow:hidden;}
.Product-solut ul { font-size:0;width:100%;margin-top: 30px;}
.Product-solut ul li{ display:inline-block; width:50%;text-align:center;}
.Product-solut ul li a{ display:block;  font-size:28px; line-height:60px; color:#898989; border-bottom:3px solid #898989; margin:5px;}
.Product-solut ul li.active a{ color: #3776d3; border-color:#0086f1;}

.Product-solut .product-content{ display:none; font-size:0; width:100%; height:500px;}
.Product-solut .product-content.active{ display:block;}
.Product-solut .product-list{ display:inline-block; width:50%;height:100%;vertical-align:middle;}
.Product-solut .product-text{ margin:10px 30px; text-align:right}
.Product-solut .product-text h3{ color: #3776d3;font-size:28px;}
.Product-solut .product-text p{ font-size:16px; font-weight:bold; color:#2f4b5b;}
.Product-solut .product-text .product-info{ text-indent: 2em;font-size: 16px; text-align: left; color: #3f4b5b; margin: 10px 0;padding-left:16px;}
.Product-solut .management{ text-align:left;}
.Product-solut .management p { margin-top:50px;}
.Product-solut .management .product-info{ margin-top:30px;}

.Product-solut .text-footer{padding:10px;}
.Product-solut .text-footer a{ display:inline-block; background:#0086f1;color:#fff; padding: 4px 28px;font-size: 16px;}
.Product-solut .text-footer a:hover{ background:#046dc1}
.Product-solut .text-footer a.details{ background:#06c8c8; margin: 0 10px;}
.Product-solut .text-footer a.details:hover{ background:#02b7b7;}
.Product-solut .product-img { margin:55px 0;}
.Product-solut .product-img img{ width:620px;}

/*.Product-trait { height:820px; background:#e9ecf1;background:url(/Templates/images/trait_bg.jpg);background-size:cover;}
.product-trait-content { width:95%; height:100%; max-width:1800px; margin:0 auto;}
.Product-trait h2{ font-size: 32px; text-align: center; letter-spacing: 2px;line-height:100px;}
.Product-trait ul{ font-size:0;width:100%;}
.Product-trait ul li{ display:inline-block; width:20%;vertical-align:top; }
.Product-trait ul li .trait-list{ margin:10px; background:#fff; height:320px;}

.trait-list i { display: block; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; }
.trait-list h5{ font-size: 16px; color: #5383ff; font-weight: bold;padding: 0 20px;}
.trait-list p{ padding: 5px 20px;text-align: left;color:#777}*/


.listA i{ background-image:url(/Templates/images/function_1.png)}
.listB i{ background-image:url(/Templates/images/function_2.png)}
.listC i{ background-image:url(/Templates/images/function_3.png)}
.listD i{ background-image:url(/Templates/images/function_4.png)}
.listE i{ background-image:url(/Templates/images/function_5.png)}
.listF i{ background-image:url(/Templates/images/function_6.png)}
.listG i{ background-image:url(/Templates/images/function_7.png)}
.listH i{ background-image:url(/Templates/images/function_8.png)}
.listI i{ background-image:url(/Templates/images/function_9.png)}
.listJ i{ background-image:url(/Templates/images/function_10.png)}



.listA:hover i{ background-image:url(/Templates/images/function_1A.png)}
.listB:hover i{ background-image:url(/Templates/images/function_2A.png)}
.listC:hover i{ background-image:url(/Templates/images/function_3A.png)}
.listD:hover i{ background-image:url(/Templates/images/function_4A.png)}
.listE:hover i{ background-image:url(/Templates/images/function_5A.png)}
.listF:hover i{ background-image:url(/Templates/images/function_6A.png)}
.listG:hover i{ background-image:url(/Templates/images/function_7A.png)}
.listH:hover i{ background-image:url(/Templates/images/function_8A.png)}
.listI:hover i{ background-image:url(/Templates/images/function_9A.png)}
.listJ:hover i{ background-image:url(/Templates/images/function_10A.png)}




.Product-trait { height:820px; background:#e9ecf1;background:url(/Templates/images/trait_bg.jpg);background-size:cover;}
.product-trait-content { width:90%; height:100%; max-width:1450px; margin:0 auto;}
.Product-trait h2{ font-size: 32px; text-align: center; letter-spacing: 2px;line-height:100px;}
.Product-trait ul{ font-size:0;width:100%;}
.Product-trait ul li{ display:inline-block; width:20%;vertical-align:top; }
.Product-trait ul li .trait-list{ position:relative; margin:10px; background:#fff; height: 320px; padding: 5px 0; /*box-shadow: 5px 5px 5px #ebeef5;*/}

.trait-list i { display: block; width: 60px; height: 60px; margin:10px auto; background-repeat: no-repeat; background-position: center; background-size:contain;}
.trait-list h5{ font-size: 16px; font-weight: bold;padding: 0 12px; text-align:center;}
.trait-list p{ padding: 5px 20px;text-align: left;color:#777}
.trait-list .trait-Number{ margin: 30px; text-align: center; }
.trait-list .trait-Number span { display: inline-block; font: 36px/40px din; background-image: -webkit-linear-gradient(left, #4facfe, #00f2fe);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.Product-trait ul li .trait-list:hover{ background:#b81d18}
.trait-list:hover h5, .trait-list:hover p{ color:#fff;}

/*.listB .trait-Number span, .listF .trait-Number span{ background-image: -webkit-linear-gradient(left, #43e97b, #38f9d7);}
.listC .trait-Number span, .listG .trait-Number span{ background-image: -webkit-linear-gradient(left, #fa709a, #fee140);}
.listD .trait-Number span, .listH .trait-Number span{ background-image: -webkit-linear-gradient(left, #fee140, #fa709a);}
.listE .trait-Number span, .listI .trait-Number span{ background-image: -webkit-linear-gradient(left, #f093fd, #f5576c);}

.listB .Schedule .Schedule-icon, .listF .Schedule .Schedule-icon { background: #39f7c9;}
.listC .Schedule .Schedule-icon, .listG .Schedule .Schedule-icon { background: #ffe56f;}
.listD .Schedule .Schedule-icon, .listH .Schedule .Schedule-icon { background: #fb7695;}
.listE .Schedule .Schedule-icon, .listI .Schedule .Schedule-icon { background: #ff8eec;}*/

/*.Schedule { width: 290px; position: absolute; left: 50%; top: 50%;z-index: 2; background: #FFF;  border: 1px solid #EAEAEA; min-height: 380px; box-shadow: 0 8px 15px rgba(0,0,0,0.08); transform: translate(-50%,-40%);opacity: 1; visibility: hidden; transition: all 0.5s ease-in-out; padding-bottom: 10px;}
.Schedule .Schedule-icon{ width: 90px; height: 90px; border-radius: 50%;margin: 20px auto; background: #00f2fe}
.Schedule .Schedule-icon img{ margin: 0px auto; display: block; padding-top: 21px;}
.trait-list .Schedule-header h5{ text-align:center; font-size:18px;}
.trait-list .Schedule-content p{ margin-top:20px; position:relative}
.trait-list .Schedule-content p::before { content: '';  position: absolute; left: 18px; display: inline-block; width: 0; top: 12px; height: 0; border-left: 6px solid red;  border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

.Product-trait ul li:hover .Schedule{ opacity:1; visibility:visible; transform:translate(-50%,-50%)}*/



/*公司优势*/
.company-advant{  height:200px; background:#fff; overflow:hidden;}
.company-advant-content{ width:90%; height:100%; max-width:1400px; margin:0 auto;}
.company-advant ul{ font-size:0;width:100%;}
.company-advant ul li{ display:inline-block; width:25%;vertical-align:top; }
.company-advant ul li .company-advant-list{ width: 160px;margin: 0 auto;}
.company-advant ul li h2{ margin-top:50px; font-size:24px; font-weight:bold; color:#234be9; }
.company-advant ul li span{ width: 24px;display: block; height: 2px;background: #234be9;margin: 2px 0 15px 0;}
.company-advant ul li span.white{ background:#fff;}
.company-advant ul li p{  color:#234be9;}
.company-advant ul li p a{  color:#234be9;}
.company-advant ul li p.more { font-weight:bold; font-size:16px;}

/*新闻咨询*/
.news-consult{  height:630px; background:url(/Templates/images/news_bg.png) center center no-repeat;background-size: cover;}
.news-consult h2{ font-size: 32px; text-align: center; color: #fff; letter-spacing: 2px;line-height:100px;}
.news-consult-content { width:95%; height:410px; max-width:1400px; margin:0 auto; font-size:0; margin-top:30px; overflow:hidden}
.news-consult-content > div{ display:inline-block; width:50%;vertical-align: top;}
.news-consult-content ul li a{ color:#fff;}
.news-consult-content .news-info { position: relative; border-top: 1px solid #fff; margin: 0px 30px; padding: 15px; padding-left: 80px;}
.news-info-main p, .news-info-main h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#fff;}
.news-info-main h3 { font-size:16px; line-height:32px;}
.news-info-main h3:hover{ text-decoration:underline;}
.news-info-main p {font-size:15px;}
.news-info-date { position: absolute; left: 0; width: 80px; top:15px; bottom: 0;}
.news-info-date .year{ font-size:18px; color:#fff;}
.news-info-date .day{ font-size:16px;color:#fff;}
.news-consult-footer{ text-align:center;}
.news-consult-footer a{ font-size:20px; color:#fff;}
.news-consult-footer a:hover{  text-decoration:underline;}

/*合作伙伴*/
.company-partners{ height:650px; overflow:hidden;}
.company-partners-content { width:90%; height:100%; max-width:1400px; margin:0 auto;}
.company-partners h2{ font-size: 32px; text-align: center; color: #454545; letter-spacing: 2px;line-height:100px;}
.company-partners ul{ font-size:0;width:100%;text-align:center;}
.company-partners ul li { display:inline-block;width:20%;} 
.company-img-wrap { margin:10px; border:1px solid #ccc; overflow:hidden}
.company-img-wrap img{ width:100%; height:auto;}
.company-img-wrap img:hover{ transform: scale(1.2); transition: all 0.5s;}
.more-btn{ text-align:center; margin-top:30px;}
.more-btn a{ font-size:18px; color:#2687ee}
.more-btn a:hover{  color:#055cb9}

/*底部*/
.my-service{ height:450px;}
.footer-warp{ height:295px;}
/*footer*/
.footer{ background-color:#202020; border-top:#b81d18 10px solid; padding:40px 0;}
.footer h1{ text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:normal;}
.footer .foot-top{ text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:normal;}
.footer ul{ text-align:center; padding:50px 0 20px 0;}
.footer ul li{ display:inline-block; *display:inline; *zoom:1; color:#fff; margin:0 5px; font-size:13px;}
.footer ul li a{ color:#fff;}
.footer ul li a:hover{ color:#b81d18;}
.footer p{ text-align:center; color:#e0e0e0; line-height:20px; font-size:14px;}
.footer p a{ color:#e0e0e0;}
.footer p a:hover{ color:#b81d18;}
.footer select{ font-size:12px; width:120px;}
.footer h2,.footer h3{ text-align:center; color:#fff; margin-bottom:10px; margin-top:20px; }
.footer p.links{ width:990px; margin:0 auto;}
.footer p.links a { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; color: #333; line-height: 24px; font-size: 12px; }
.footer p.links a:hover { color: #C30; }


/*quickbar*/
.quickbar{ position:fixed; _position:absolute; width:70px; top:130px; right:1px; _top:expression(eval(document.documentElement.scrollTop) + 135); z-index:50000;}
.quickbar ul{}
.quickbar li{ width:70px; height:70px;}
.quickbar li a{ display:block; position:relative; width:70px; height:70px; color:#fff; background:#b81d18}

.quickbar li a i{ display:block; width:70px; height:70px; position:absolute;  top:0; left:0; background-size: 50%; background-repeat: no-repeat; background-position: center 25%;}
.quickbar li.services i{ background-image:url(/Templates/images/news.png)}
.quickbar li.tel i{ background-image:url(/Templates/images/tel.png)}
.quickbar li.trial i{ background-image:url(/Templates/images/trial.png)}
.quickbar li a span{ display:block; width:70px; font-size:12px; color:#fff; text-align:center; padding-top:45px; height:25px; line-height:20px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quickbar li a p{ position:absolute; width:0; height:70px; line-height:70px; top:0; right:70px; color:#fff; background-color:#b81d18; font-size:36px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*弹出下载*/
.blacker { position: fixed; z-index: 50000; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; filter: alpha(opacity=20); }
.winner-wrap { position: fixed; z-index: 55000; width: 450px; top: 50%; left: 50%; margin-top: -300px; margin-left: -225px; background-color: #fafafa; border: #dfdfdf 2px solid; }
.winner-header { position: relative; height: 35px; line-height: 35px; background-color: #edf3ff; }
.winner-header h1 { padding-left: 15px; line-height: 35px; font-weight: bold; font-size: 14px; }
.winner-header a { display: block; width: 24px; height: 0; padding-top: 24px; overflow: hidden; background-position: 8px 8px; position: absolute; top: 6px; right: 6px; background-image: url(/templates/2015/images/show_close.png); background-repeat: no-repeat; }
.winner-content { border-top: #dfdfdf 1px solid; background: #edf3ff; line-height:0}

#newBridge .icon-right-center { top: auto !important; bottom: 5px !important;}

@media screen and (min-width:1650px) {
    .theme-text {  width: 1200px;}
    .theme-text h2 { padding-left: 0; }
    .theme-text p{ padding-left: 0; }
    .Product-trait{ height:920px;}
    .Product-trait ul li .trait-list{ height:360px;}
    .trait-list i{ width: 80px; height: 80px; margin:20px auto;}
}